<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        video{
            width: 100%;
            height: 300px;
        }
        audio{
            margin-top: 10px;
        }
        input::placeholder{
            color: red
        }
    </style>
</head>
<body>
    <!-- autoplay:自动播放
    muted : 静音播放
    controls : 播放  
    loop: 循环播放
    required: 必须填写字段
    autofocus: 自动获取光标
    autocomplete="on" 记忆获取表单输入值
-->
    <!-- 视频: mp4 -->
    <video src="media/mi.mp4" autoplay="autoplay" muted controls loop ></video>
    <!-- 音频: mp3 -->
    <audio src="media/music.mp3" controls loop></audio>
    <form action="">
        <input type="date"> <br>
        <input type="color"> <br>
        <input type="tel" name="tel" placeholder="电话" required autofocus autocomplete="off"> 
        <input type="file" multiple>
        <!-- <input type="email" placeholder="邮件" required autofocus> -->
        <input type="submit" value="提交">
    </form>
</body>
</html>